<template>
    <div class="poa">
        <top @leftfn="back" :left="'el-icon-arrow-left'" :title="'我的'" />
        <div class="gun">
            <list @fn="set_phone" :text="'手机号'" :right_text="obj.phone" />
            <list @fn="set_password" :text="'登录密码'" :right_text="obj.password ? obj.password : '未设置'" />
            <list @fn="set_email" :text="'邮箱绑定'" :right_text="obj.email ? obj.email : '未绑定'" />
            <list :text="'微信账号'" :right_text="'未绑定'" />
            <list :text="'微博账号'" :right_text="'未绑定'" />
            <list :text="'QQ账号'" :right_text="'未绑定'" />
            <div class="bt"></div>
        </div>
    </div>
</template>
<script>
import top from './common/top.vue'
import list from './common/list.vue'
export default ({
    components: {
        top,
        list,
    },
    data() {
        return {
            obj: {

            },
        }
    },
    methods: {
        back() {
            this.$router.go(-1)
        },
        set_email() {
            this.$router.push('/set_email')
        },
        set_phone() {
            this.$router.push('/set_phone')
        },
        set_password() {
            this.$router.push('/set_password')
        },
    },
    created() {
        if (localStorage.getItem('token')) {
            this.obj = JSON.parse(localStorage.getItem('token'))
        }
    }
})
</script>
<style></style>